import { ref } from "vue";
import { uuid } from "../util/todoStorage";

/**
 * 添加todos
 * @param {Array} todosRef 入参为todosRef
 */
export default function useNewTodo(todosRef) {
	const newTodoRef = ref("");

	/**
	 *  新增任务
	 */
	const addTodo = () => {
		const value = newTodoRef.value && newTodoRef.value.trim();
		if (!value) return;

		// 生成一个任务对象，将其添加至任务列表中
		const todo = {
			id: uuid(),
			title: value,
			completed: false // 任务状态 false 未完成 true 已完成
		};

        todosRef.value.push(todo);
        clearNewTodo()
	};

	/**
	 *  清空输入框
	 */
	const clearNewTodo = () => {
		newTodoRef.value = "";
	};
    
	return {
		newTodoRef,
		addTodo,
		clearNewTodo
	};
}
